<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/base.css">
    <title>美团注册页面</title>
</head>

<body>
    <div class="g-main">
        <div class="g-header">
            <a href="#"><img src="./images/logo.png" alt=""></a>
            <div class="u-btn-long fr">
                <span>已有美团账号?</span>
                <input type="button" value="登录">
            </div>
            <hr>
        </div>
        <div class="g-form">
            <div class="m-form">
                <form action="">
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">手机号</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请输入您的手机号码</span>
                        </span>
                        <div class="u-content">
                            <span id="1">免费获取动态密码</span>
                        </div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">短信动态码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请输入短信动态码</span>
                        </span>
                        <div class="u-content">
                        </div>
                    </div>

                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">创建密码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请填写密码</span>
                        </span>
                        <div class="u-content">
                            <div>
                                弱
                            </div>
                            <div>
                               中
                            </div>
                            <div>
                               强
                            </div>
                        </div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">确认密码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请再次输入密码</span>
                        </span>
                    </div>
                </form>
            </div>
        </div>
        <div class="g-footer">
            <div class="g-footer">
                <div class="u-btn-long">
                    <input type="submit" style="font-size:larger;" value="完成注册并登录">
                </div>
                <div style="height: 34.5pt;">
                    <input type="radio">
                    <span>我已阅读并同意《美团用户协议》 《隐私政策》 ，并授权美团使用该美团账号信息（如昵称、头像、收货地址）进行统一管理</span>
                </div>
            </div>
            <hr style="height: 27.5pt;">
            <div class="g-footer">
                <span>@meitu.com 京ICP证070791 京公网安备11010502025545号</span>
            </div>
        </div>
        
    </div>
</body>
</html>